<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<meta name="renderer" content="webkit" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<meta http-equiv="keywords" content="深圳子元君信息技术有限公司首页" />
	<meta name="author" content="Zeng Tao" />
	<meta http-equiv="description" content="深圳子元君信息技术有限公司，定位于健康管理和医学实验室信息平台建设，通过SaaS解决方案和移动端，实现健康服务管理、项目任务管理、实验过程管理、样本库管理、细胞治疗的综合解决方案。" />
	<title>深圳子元君信息技术有限公司</title>
	<base target="_blank">
	<link href="image/ziyuanlogo.png" type="image/x-icon" rel="shortcut icon">
	<link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="assets/iconfont/iconfont.css" />
	<!-- <link rel="stylesheet" type="text/css" href="assets/swiper-4.2.2.min.css" /> -->
	<link rel="stylesheet" type="text/css" href="assets/animate.min.css" />
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<style>
		@font-face {
			font-family: 'iconfont';
			/* project id 662102 */
			src: url('//at.alicdn.com/t/font_662102_4rnj58ybhxyo80k9.eot');
			src: url('//at.alicdn.com/t/font_662102_4rnj58ybhxyo80k9.eot?#iefix') format('embedded-opentype'),
			url('//at.alicdn.com/t/font_662102_4rnj58ybhxyo80k9.woff') format('woff'),
			url('//at.alicdn.com/t/font_662102_4rnj58ybhxyo80k9.ttf') format('truetype'),
			url('//at.alicdn.com/t/font_662102_4rnj58ybhxyo80k9.svg#iconfont') format('svg');
		}

		.iconfont {
			font-family: "iconfont" !important;
			font-size: 16px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-webkit-text-stroke-width: 0.2px;
			-moz-osx-font-smoothing: grayscale;
		}

		body {
			background: #3D3F41;
		}

		a,
		a:hover {
			text-decoration: none !important;
		}

		p {
			letter-spacing: 0.5px;
		}

		#foot_nav .link {
			transition: 0.6s;
		}

		#body,
		.common-topbar-body {
			min-width: 1280px;
		}

		.wrap {
			width: 1206px;
			position: relative;
			margin-left: auto;
			margin-right: auto;
		}

		/* 顶部导航↓ */

		.top-wrap {
			position: relative;
			min-height: 532px;
			background: #0D1B26;
		}

		.banner-main {
			max-width: 100%;
			width: 100%;
			height: auto;
		}

		.common-topbar-body.nav_fixed {
			background-color: #282a2b;
		}

		.common-topbar-body {
			position: fixed;
			top: 0;
			z-index: 1001;
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 80px;
			background-color: rgba(0, 0, 0, .46);
			padding: 0 55px 0 75px;
			box-shadow: 0 0.0625rem 0.3125rem rgba(0, 0, 0, .09);
			transition: color .3s;
		}

		.common-topbar-body .main-logo {
			width: 80px;
		}		

		.common-topbar-body .topbar-items-wrap {
			flex: 1;
			display: flex;
			justify-content: flex-end;
		}

		.topbar-item {
			padding: 0 35px;
			height: 80px;
			line-height: 80px;
			position: relative;
			color: #fff;
			cursor: pointer;
			transition: color .2s;
		}

		.topbar-item.active,
		.topbar-item:hover {
			color: #1CAFFC;
		}

		#article .notice-list {
			box-sizing: border-box;
			background: rgba(255, 255, 255, .05);
			padding: 0;
			color: #9B9EA0;
			display: none;
			margin-top: 2px;
		}

		/* 文字轮播 */

		.top-text-swiper {
			height: 55px;
			background-color: #343739;
			background: url(image/home/bulletin_bg.png) repeat;
			overflow: hidden;
			color: #999;
		}

		.top-text-swiper a {
			color: #999;
			cursor: pointer;
		}

		#topBarSwiper .product-notice {
			height: 54px;
			line-height: 54px;
		}

		.notice-name6 {
			position: relative;
			padding-left: 20px;
		}

		.notice-name img.s {
			position: absolute;
			left: 0;
			top: 20px;
		}

		#topBarSwiper .notice-title {
			width: 435px;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			position: absolute;
			left: 84px;
		}

		li .notice-time {
			float: right;
		}

		.topbar-sub-w .active-line {
			position: absolute;
			height: 1.5px;
			background: #1CAFFC;
			bottom: 0;
			transition: all .3s;
		}

		.carousel ul,
		.carousel li {
			height: 55px;
			line-height: 55px;
			width: 100%;
		}

		.carousel .notice-title {

			transition: .3s;
		}

		/* 顶部导航↑ */
	</style>
</head>

<body>
	<div id="body">
		<!-- 顶部导航↓ -->
		<div class="common-topbar-body" id="commonTopbarBody">
			<div class="main-logo">
				<img src="image/home/logo.png" alt="">
			</div>
			<div class="topbar-items-wrap">
				<div style="display: flex;position: relative;" class="topbar-sub-w">
					<div class="topbar-item nav-main active last-active" data-module="">首页</div>
					<div class="topbar-item nav-myxb" data-module="immuneCell">免疫细胞</div>
					<div class="topbar-item nav-gxb" data-module="tomoduleStemCell">干细胞</div>
					<div class="topbar-item nav-jcbg" data-module="geneDetection">基因检测报告</div>
					<div class="topbar-item nav-yxyb" data-module="MedicalSamples">医学样本</div>
					<div class="topbar-item nav-jjfa" data-module="solution">解决方案</div>
					<div class="topbar-item nav-rjxz" data-module="softWareDownLoad">软件下载</div>
					<div class="topbar-item nav-gywm" data-module="aboutUs">关于我们</div>
					<span class="active-line"></span>
				</div>

			</div>
		</div>

		<div class="top-wrap toc-current" id="topBannerWrap">
			<img src="image/home/banner.png" alt="" class="banner-main">
		</div>

		<!-- 通告轮播↓ -->
		<div>
			<div class="top-text-swiper">
				<div class="wrap" style="height: 55px;overflow: hidden;position: relative;">
					<!-- 文字轮播new↓ -->
					<div class="carousel">
						<ul>
							<li>
								<span class="notice-name">
									<img src="image/home/bulletin_xx.png" alt=""> 行业资讯：</span>
								<span class="notice-title">
									<a href="https://www.workec.com/form/dynamic/jI8ZsiyxDkg%3D.html?uid=2491734">干细胞库信息化管理走入“零门槛”时代</a>
								</span>
								<span class="notice-time">2018-05-04 15:30</span>
							</li>
							<li>
								<span class="notice-name">
									<img src="image/home/bulletin_xx.png" alt=""> 产品升级：</span>
								<span class="notice-title">子元医学实验室1.0.2版本发布</span>
								<span class="notice-time">2018-05-15 18:00</span>
							</li>
							<li>
								<span class="notice-name">
									<img src="image/home/bulletin_xx.png" alt=""> 产品升级：</span>
								<span class="notice-title">子元医学实验室1.0.3版本发布</span>
								<span class="notice-time">2018-04-11 15:30</span>
							</li>
						</ul>
					</div>
					<!-- 文字轮播new↑ -->

					<div class="swiper-container" id="topBarSwiper" style="display: none;">
						<ul class="swiper-wrapper">
							<li class="swiper-slide">
								<div class="product-notice">
									<span class="notice-name">
										<img src="image/home/bulletin_xx.png" alt=""> 产品升级:</span>
									<span class="notice-title">子元医学实验室1.0.1版本发布</span>
									<span class="notice-time">2018-04-11 15:30</span>
								</div>
							</li>
							<li class="swiper-slide">
								<div class="product-notice">
									<span class="notice-name">产品升级2:</span>
									<span class="notice-title">子元医学实验室1.0.2版本发布</span>
									<span class="notice-time">2018-04-11 15:30</span>
								</div>
							</li>
							<li class="swiper-slide">
								<div class="product-notice">
									<span class="notice-name">产品升级3:</span>
									<span class="notice-title">子元医学实验室1.0.3版本发布</span>
									<span class="notice-time">2018-04-11 15:30</span>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 通告轮播↑ -->
		<!-- 顶部导航↑ -->

		<style>
			.content-myxb-wrap,
			.content-wrap-style1 {
				height: 700px;
				background-color: #3D3F41;

			}

			.content-wrap-style2 {
				height: 700px;
				background-color: #4D5052;

			}

			/* 公用部分-模块内容↓ */

			.module-container {
				display: flex;
			}

			.menu-wrap {
				width: 350px;
				display: flex;
				justify-content: center;
				flex-wrap: wrap;
				height: calc(100% - 210px);
				/* padding-top: 208px; */
				margin-right: 80px;
			}

			.menu-wrap .menu-item {
				width: 340px;
				height: 130px;
				margin-bottom: 1px;
				background: rgba(167, 167, 167, .2);
				display: flex;
				justify-content: center;
				align-items: center;
				cursor: pointer;
			}

			div.menu-wrap .menu-item.active {
				background: linear-gradient(to bottom, #27B0FF, #0092DE);
				width: 350px;
			}

			.menu-wrap .menu-item:hover {
				background: linear-gradient(to bottom, #27B0FF, #0092DE);
				width: 350px;
			}

			.item-content {
				width: 64px;
				text-align: center;
				color: #fff;
			}

			.menu-item-img {
				display: block;
				max-width: 100%;
				margin: auto;
			}

			.menu-item-info {
				padding-top: 6px;
			}

			.info-content-wrap {
				width: 766px;
				color: #bbb;
			}

			/* 公用大模块标题1 */

			div.toc-current .info-title {
				font-size: 28px;
				height: 210px;
				line-height: 210px;
				color: #ccc;
				font-family: "Microsoft Yahei";
				font-weight: lighter;
				text-align: center;
				width: 1206px;
				margin: 0 auto;
			}

			div.content-sub-a,
			div.container-application-area {
				position: relative;
			}

			div.content-sub-a .req-btn {
				width: 150px;
				height: 40px;
				line-height: 40px;
				background: linear-gradient(to bottom, #27B0FF, #0092DE);
				color: #fff;
				text-align: center;
				cursor: pointer;
				position: absolute;
				right: 0;
				top: 0;
				opacity: .9;
				transition: all .3s;
			}

			div.content-sub-a .req-btn:hover {
				opacity: 1;
			}

			/* 公用内容介绍小标题1 */

			.info-content-wrap .tipsa {
				height: 44px;
				color: #00FFEA;
				font-size: 18px;
			}

			/* 公用内容介绍1 */

			.info-content-wrap .part-a {
				line-height: 25px;
				padding-bottom: 30px;
				border-bottom: 1px solid #74797c;
			}

			/* 公用部分-模块内容↑ */

			.tipsc {
				height: 76px;
				padding-top: 36px;
			}

			.recommend-item {
				float: left;
				width: 250px;
				height: 78px;
				background: rgba(167, 167, 167, .2);
				margin-bottom: 8px;
				padding: 12px;
				cursor: pointer;
			}

			.recommend-item .tip-name {
				color: #FFF;
				font-size: 16px;
				transition: color .2s;
			}

			.recommend-item:hover .tip-name,
			.recommend-item:hover .tip-arrow {
				color: #00FFEA;
			}

			.recommend-item .tip-arrow {
				float: right;
				transform: rotate(180deg) scale(1.5, 1.5);
			}

			.recommend-sub {
				padding-top: 8px;
			}

			.recommend-style2 .recommend-item {
				padding-top: 11px;
			}
		</style>
		<!-- 免疫细胞↓ -->
		<div class="content-myxb-wrap toc-current" id="immuneCell">
			<div class="info-title">免疫细胞流程管理</div>
			<div class="wrap content-myxb module-container">

				<div class="menu-wrap">
					<div class="menu-item active" data-module="1">
						<div class="item-content">
							<img src="image/1/tb_syly.png" alt="" class="menu-item-img">
							<span class="menu-item-info">适用领域</span>
						</div>
					</div>
					<div class="menu-item" data-module="2">
						<div class="item-content">
							<img src="image/1/tb_sjln.png" alt="" class="menu-item-img">
							<span class="menu-item-info">设计理念</span>
						</div>
					</div>
					<div class="menu-item" data-module="3">
						<div class="item-content">
							<img src="image/1/tb_lcjt.png" alt="" class="menu-item-img">
							<span class="menu-item-info">流程简图</span>
						</div>
					</div>
				</div>
				<!-- 右侧详细信息↓ -->
				<div class="info-content-wrap">

					<!-- 适用领域↓ -->
					<div class="container-application-area layer-wrap1 item">
						<div class="content-sub-a">
							<p class="tipsa">适用于CAR-T、CIK等免疫细胞实验室</p>
							<span class="req-btn">点击申请免费试用</span>
							<p class="part-a">
								服务于免疫细胞药品申报和制剂制备公司的实验室流程管理软件
								<br>系统整合了患者信息建档、患者血样采运以及细胞输注和存储反馈、细胞存储和制剂制备过程管理、生产质控和物料耗材管理等。
							</p>
						</div>
						<p class="tipsc">推荐使用模块:</p>
						<div class="recommend-md clearfix">
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">客户管理</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">患者信息建档 / 血样采集</p>
							</div>
							<div class="recommend-item" style="margin: 0 8px 8px;">
								<p class="tipsd">
									<span class="tip-name">样本中心</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">样本接收 / 建立生产计划</p>
							</div>
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">免疫细胞</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">免疫细胞 / 生产流程管理</p>
							</div>
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">样本库</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">免疫细胞存储 / 在库细胞样本管理</p>
							</div>
							<div class="recommend-item" style="margin: 0 8px 8px;">
								<p class="tipsd">
									<span class="tip-name">质检</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">质控管理</p>
							</div>
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">物资</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">实验室物料管理</p>
							</div>
						</div>
					</div>
					<!-- 适用领域↑ -->

					<!-- 设计理念↓ -->
					<style>
						div.container-design-concept {
							position: relative;
						}

						div.layer-wrap2 .part-w1 {
							width: 442px;
							height: 120px;
							border-bottom: 1px solid #74797c;
							margin-bottom: 28px;
						}

						div.layer-wrap2 .part-title {
							font-size: 18px;
							color: #00FFEA;
							height: 44px;
						}

						div.layer-wrap2 .part-content {
							color: #bbb;
							line-height: 25px;
						}

						div.concept-img-w {
							position: absolute;
							width: 300px;
							height: 300px;
							right: 0;
							top: 0;
						}
					</style>
					<div class="container-design-concept layer-wrap2 item" style="display: none;">
						<div class="part-w1">
							<p class="part-title">全面应对企业跨地域多中心的一体化管理需求</p>
							<p class="part-content">实现企业对多地实验室统一管理理念，打通细胞行业链条各合作方信息节点，实现多维度信息互动。</p>
						</div>
						<div class="part-w1">
							<p class="part-title">各中心部门之间节点信息反馈与提醒</p>
							<p class="part-content">实现客服中心、生产线、细胞存储、质控、库管等各企业内部个部门之间的工作交接与任务提醒，打通信息孤岛。</p>
						</div>
						<div class="concept-img-w">
							<img src="image/1/myxb_lct.png" alt="">
						</div>
						<div class="part-w2">
							<p class="part-title">质控与追溯——生产线与质控线双流程SOP管理</p>
							<p class="part-content">实现从免疫细胞建立生产计划、确定培养方案、分离制备、PBMC生成、单日细胞扩增、过程中细胞存储、细胞收获与制剂放行等各岗位生产与QAQC双流程管理。</p>
						</div>
					</div>
					<!-- 设计理念↑ -->

					<!-- 流程简图↓ -->
					<div class="container-flow-chart layer-wrap3 item" style="display: none;">
						<div class="flow-chart-img-w">
							<img src="image/1/myxb_lcjt.png" alt="">
						</div>
					</div>
					<!-- 流程简图↑ -->
				</div>
			</div>
		</div>
		<!-- 免疫细胞↑ -->

		<style>
			#tomoduleStemCell {
				height: 700px;
				background: #4D5052;
			}

			#tomoduleStemCell.bg1 {
				background: url(image/gxb/gxb_syly_bg.png) no-repeat center center / cover;
			}

			#tomoduleStemCell.bg2 {
				background: url(image/gxb/gxb_bg.png) no-repeat center center / cover;
			}

			#tomoduleStemCell.bg3 {
				background: url(image/gxb/gxb_lcjt_bg.png) no-repeat center center / cover;
			}
		</style>
		<!-- 干细胞↓ -->
		<div style="display: none;">
			<img src="image/gxb/gxb_syly_bg.png" alt="">
			<img src="image/gxb/gxb_bg.png" alt="">
			<img src="image/gxb/gxb_lcjt_bg.png" alt="">
		</div>
		<div class="content-stem-cell-wrap bg1 toc-current" id="tomoduleStemCell">
			<div class="info-title">干细胞细胞流程管理</div>
			<div class="wrap content-stem-cell module-container">
				<div class="menu-wrap">
					<div class="menu-item active" data-module="1" data-bg="active_cell">
						<div class="item-content">
							<img src="image/1/tb_syly.png" alt="" class="menu-item-img">
							<span class="menu-item-info">适用领域</span>
						</div>
					</div>
					<div class="menu-item" data-module="2" data-bg="active_cell">
						<div class="item-content">
							<img src="image/1/tb_sjln.png" alt="" class="menu-item-img">
							<span class="menu-item-info">设计理念</span>
						</div>
					</div>
					<div class="menu-item" data-module="3" data-bg="active_cell">
						<div class="item-content">
							<img src="image/1/tb_lcjt.png" alt="" class="menu-item-img">
							<span class="menu-item-info">流程简图</span>
						</div>
					</div>
				</div>
				<!-- 右侧详细信息↓ -->
				<div class="info-content-wrap">

					<!-- 适用领域↓ -->
					<div class="container-application-area item layer-wrap1">
						<div class="content-sub-a">
							<p class="tipsa">适用于脐带脐血间充质、脂肪间充质等干细胞实验室</p>
							<span class="req-btn">点击申请免费试用</span>
							<p class="part-a">
								服务于干细胞药品申报和制剂制备公司的实验室流程管理软件
								<br>系统整合了患者信息建档、患者血样采运以及细胞输注和存储反馈、细胞库分级存储和制剂制备过程管理、生产质控和物料耗材管理等。
							</p>
						</div>
						<p class="tipsc">推荐使用模块:</p>
						<div class="recommend-md clearfix">
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">客户管理</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">患者信息建档 / 血样采集</p>
							</div>
							<div class="recommend-item" style="margin: 0 8px 8px;">
								<p class="tipsd">
									<span class="tip-name">样本中心</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">样本接收 / 建立生产计划</p>
							</div>
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">干细胞</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">免疫细胞 / 生产流程管理</p>
							</div>
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">样本库</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub" style="font-size: 13px;letter-spacing: 0;">初级细胞 / 主细胞 / 工作细胞分级存储</p>
							</div>
							<div class="recommend-item" style="margin: 0 8px 8px;">
								<p class="tipsd">
									<span class="tip-name">质检</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">质控管理</p>
							</div>
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">物资</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">实验室物料管理</p>
							</div>
						</div>
					</div>
					<!-- 适用领域↑ -->
					<!-- 设计理念↓ -->
					<div class="container-design-concept layer-wrap2 item" style="display: none;">
						<div class="part-w1">
							<p class="part-title" style="font-size:17px;">实现细胞应用整体链条追溯——基于国家规范的设计理念</p>
							<p class="part-content">以国家现行细胞库与细胞制剂相关规范为设计蓝本，实现细胞供着信息、细胞生产流程信息以及细胞受者信息的溯源管理。</p>
						</div>
						<div class="part-w1">
							<p class="part-title">干细胞库分级管理</p>
							<p class="part-content">初级细胞、主细胞和工作细胞各级细胞库分级管理，帮助企业进行规范化细胞存储管理。</p>
						</div>
						<div class="concept-img-w">
							<img src="image/gxb/gxb_lct.png" alt="">
						</div>
						<div class="part-w2">
							<p class="part-title">质控与追溯——生产线与质控线双流程SOP管理</p>
							<p class="part-content">实现从干细胞建立生产计划、确定培养方案、分离处理、细胞扩增、初级细胞存储与复苏扩增、主细胞存储与复苏扩增、工作细胞存储与复苏扩增、细胞制剂制备与放行审核等各岗位生产与QAQC双流程管理。</p>
						</div>
					</div>
					<!-- 设计理念↑ -->

					<!-- 流程简图↓ -->
					<div class="container-flow-chart layer-wrap3 item" style="display: none;">
						<div class="flow-chart-img-w">
							<img src="image/gxb/gxb_lcjt.png" alt="">
						</div>
					</div>
					<!-- 流程简图↑ -->
				</div>
			</div>
		</div>
		<!-- 干细胞↑ -->


		<!-- 基因检测报告流程管理↓ -->
		<div class="content-jyjc-wrap content-wrap-style1 toc-current" id="geneDetection">
			<div class="info-title">基因检测报告流程管理</div>
			<div class="wrap content-jyjc module-container">
				<div class="menu-wrap">
					<div class="menu-item active" data-module="1">
						<div class="item-content">
							<img src="image/1/tb_syly.png" alt="" class="menu-item-img">
							<span class="menu-item-info">适用领域</span>
						</div>
					</div>
					<div class="menu-item" data-module="2">
						<div class="item-content">
							<img src="image/1/tb_sjln.png" alt="" class="menu-item-img">
							<span class="menu-item-info">设计理念</span>
						</div>
					</div>
					<div class="menu-item" data-module="3">
						<div class="item-content">
							<img src="image/1/tb_lcjt.png" alt="" class="menu-item-img">
							<span class="menu-item-info">流程简图</span>
						</div>
					</div>
				</div>
				<!-- 右侧详细信息↓ -->
				<div class="info-content-wrap">

					<!-- 适用领域↓ -->
					<div class="container-application-area item layer-wrap1">
						<div class="content-sub-a">
							<p class="tipsa">适用于开展易感基因检测的实验室</p>
							<span class="req-btn">点击申请免费试用</span>
							<p class="part-a">
								服务于大众易感基因检测服务公司、第三方基因检测检测机构的检测报告生成管理软件
								<br>系统通过对各级经销商权限管理，实现客户信息建档、检测项目智能化配置、检测样本实验进度反馈、检测报告个性化生成、报告自定义查询、检测项目进展等各流程节点的反馈。
							</p>
						</div>
						<p class="tipsc">推荐使用模块:</p>
						<div class="recommend-md clearfix">
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">客户管理</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub" style="font-size: 13px;letter-spacing: 0;line-height: 15px;">患者信息建档 / 检测项目配置 / 报告自动生成</p>
							</div>
							<div class="recommend-item" style="margin: 0 8px 8px;">
								<p class="tipsd">
									<span class="tip-name">样本中心</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">检测样本接收 / 检测进度反馈</p>
							</div>
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">样本库</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">样本存储 / 样本源信息检索</p>
							</div>
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">质检</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">质控管理</p>
							</div>
							<div class="recommend-item" style="margin: 0 8px 8px;">
								<p class="tipsd">
									<span class="tip-name">物资</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">实验室物料管理</p>
							</div>
						</div>
					</div>
					<!-- 适用领域↑ -->
					<!-- 设计理念↓ -->
					<div class="container-design-concept layer-wrap2 item" style="display: none;">
						<div class="part-w1">
							<p class="part-title">打通基因检测行业链条各合作方信息节点</p>
							<p class="part-content">软件系统满足消费者、基因检测服务公司、代理商以及检测机构之间的节点信息互通的需求，实现各合作方高效业务对接。</p>
						</div>
						<div class="part-w1">
							<p class="part-title">高效的经销商团队管理</p>
							<p class="part-content">通过对各级经销商分级授权和阶段范围内绩效统计，可以实现异地客源精准管理，及时调整各地市场检测项目的导向。</p>
						</div>
						<div class="concept-img-w">
							<img src="image/jyjc/jyjc_lct.png" alt="">
						</div>
						<div class="part-w2">
							<p class="part-title">报告快速生成——保障消费者的新鲜感</p>
							<p class="part-content">样本采集、检测过程以及结果反馈、报告智能化生成一体化操作，实现消费者快速获取报告，帮助企业为消费者提供最优体验感。</p>
						</div>
					</div>
					<!-- 设计理念↑ -->

					<!-- 流程简图↓ -->
					<div class="container-flow-chart layer-wrap3 item" style="display: none;">
						<div class="flow-chart-img-w">
							<img src="image/jyjc/jyjc_lcjt.png" alt="">
						</div>
					</div>
					<!-- 流程简图↑ -->
				</div>
			</div>
		</div>
		<!-- 基因检测报告流程管理↑ -->


		<!-- 医学样本流程化管理↓ -->
		<div style="display: none !important;opacity: 0;z-index: -1;position: relative;">
			<img src="image/yxyb/syly_bg.png" alt="">
			<img src="image/yxyb/syly_lcbg.png" alt="">
			<img src="image/yxyb/yxsy_lcjt_bg.png" alt="">
		</div>
		<style>
			#MedicalSamples.bg1 {
				background: url(image/yxyb/syly_bg.png) no-repeat center center / cover;
			}

			#MedicalSamples.bg2 {
				background: url(image/yxyb/syly_lcbg.png) no-repeat center center / cover;
			}

			#MedicalSamples.bg3 {
				background: url(image/yxyb/yxsy_lcjt_bg.png) no-repeat center center / cover;
			}
		</style>
		<div class="content-yxyb-wrap content-wrap-style2 bg1 toc-current" id="MedicalSamples">
			<div class="info-title">医学样本流程化管理</div>
			<div class="wrap content-yxyb module-container">
				<div class="menu-wrap">
					<div class="menu-item active " data-module="1" data-bg="active_ms">
						<div class="item-content">
							<img src="image/1/tb_syly.png" alt="" class="menu-item-img">
							<span class="menu-item-info">适用领域</span>
						</div>
					</div>
					<div class="menu-item " data-module="2" data-bg="active_ms">
						<div class="item-content">
							<img src="image/1/tb_sjln.png" alt="" class="menu-item-img">
							<span class="menu-item-info">设计理念</span>
						</div>
					</div>
					<div class="menu-item " data-module="3" data-bg="active_ms">
						<div class="item-content">
							<img src="image/1/tb_lcjt.png" alt="" class="menu-item-img">
							<span class="menu-item-info">流程简图</span>
						</div>
					</div>
				</div>
				<!-- 右侧详细信息↓ -->
				<div class="info-content-wrap">

					<!-- 适用领域↓ -->
					<div class="container-application-area item layer-wrap1">
						<div class="content-sub-a">
							<p class="tipsa">适用于医学样本管理实验室</p>
							<span class="req-btn">点击申请免费试用</span>
							<p class="part-a">
								服务于医疗机构、医学类高等院校对医学样本库的管理
								<br>实现对血液、组织、DNA等临床样本和病理标本等医学样本的信息管理，包括样本源和样本采运信息、样本实验阶段反馈、样本质检、样本存储位置和处理样本的物料消耗等管理。
							</p>
						</div>
						<p class="tipsc">推荐使用模块:</p>
						<div class="recommend-md clearfix recommend-style2">
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">样本中心</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub" style="font-size: 13px;letter-spacing: 0;line-height: 15px;">样本源信息建档 / 样本采运接收 / 样本实验进度</p>
							</div>
							<div class="recommend-item" style="margin: 0 8px 8px;">
								<p class="tipsd">
									<span class="tip-name">样本库</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub" style="font-size: 13px;letter-spacing: 0;line-height: 15px;">医学样本存储位置管理 / 样本源信息检索</p>
							</div>
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">质检</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">质控管理</p>
							</div>
							<div class="recommend-item">
								<p class="tipsd">
									<span class="tip-name">物资</span>
									<span class="tip-arrow">
										<i class="iconfont">&#xe72b;</i>
									</span>
								</p>
								<p class="recommend-sub">实验室物料管理</p>
							</div>
						</div>
					</div>
					<!-- 适用领域↑ -->
					<!-- 设计理念↓ -->
					<div class="container-design-concept layer-wrap2 item" style="display: none;">
						<div class="part-w1" style="width:100%;">
							<p class="part-title">海量医学样本信息检索与筛查</p>
							<p class="part-content" style="letter-spacing: 0.4px;">软件满足医学样本管理机构对海量样本的临床信息管理。为样本管理者提供完整配套的临床资料，帮助科研工作的开展。</p>
						</div>
						<div class="part-w1" style="width:100%;">
							<p class="part-title">多维度管理实现样本信息的高效检索</p>
							<p class="part-content">软件通过对样本的伦理部分、技术标准、样本管理以及质量控制的电子文档保存，可实现SOPS标准操作规范记录，样本库存储条件，环境、样本数量以及位置管理；同时还包括样本分类检索；样本质量鉴定报告等信息化记录。</p>
						</div>
					</div>
					<!-- 设计理念↑ -->

					<!-- 流程简图↓ -->
					<div class="container-flow-chart layer-wrap3 item" style="display: none;">
						<div class="flow-chart-img-w">
							<img src="image/yxyb/yxyb_lcjt.png" alt="">
						</div>
					</div>
					<!-- 流程简图↑ -->
				</div>
			</div>
		</div>
		<!-- 医学样本流程化管理↑ -->


		<!-- 解决方案↓ -->
		<div class="content-jjfa-wrap content-wrap-style1 toc-current" id="solution">
			<div class="info-title">解决方案</div>
			<div class="wrap content-jjfa module-container">
				<div class="menu-wrap">
					<div class="menu-item active menu-item-style1" data-module="1">
						<div class="item-content">
							<img src="image/jjf_an/jjfa_gnmk.png" alt="" class="menu-item-img">
							<span class="menu-item-info">功能模块</span>
						</div>
					</div>
					<div class="menu-item menu-item-style1" data-module="2">
						<div class="item-content">
							<img src="image/jjf_an/jjfa_zyfw.png" alt="" class="menu-item-img">
							<span class="menu-item-info">子元服务</span>
						</div>
					</div>
					<div class="menu-item menu-item-style1" data-module="3">
						<div class="item-content">
							<img src="image/jjf_an/jjfa_fffs.png" alt="" class="menu-item-img">
							<span class="menu-item-info">付费方式</span>
						</div>
					</div>
				</div>
				<!-- 右侧详细信息↓ -->
				<div class="info-content-wrap">

					<!-- 功能模块↓ -->
					<div class="container-application-area item layer-wrap1">
						<style>
							div.action-state {
								height: 394px;
								width: 766px;
								position: relative;
							}

							.action-state-item-a {
								width: 350px;
								height: 130px;
								background: rgba(167, 167, 167, .2);
								position: absolute;
								padding-left: 26px;
							}

							.action-state-item-b {
								width: 350px;
								height: 110px;
								background: rgba(167, 167, 167, .2);
								position: absolute;
								padding-left: 26px;
							}

							.action-state .tipse {
								height: 46px;
								line-height: 46px;
								color: #fff;
								font-size: 16px;
								transition: color .3s;
							}

							.action-state .tipse.active {
								color: #00FFEA;
							}

							.action-state .state-content {
								line-height: 24px;
							}

							.state-khgl {
								left: 0;
								top: 0;
							}

							.triangle-r {
								color: rgba(167, 167, 167, .2);
								position: absolute;
								right: -16px;
								top: 61px;
								width: 0;
								height: 0;
								border-width: 8px;
								border-style: solid;
								border-color: transparent transparent transparent rgba(167, 167, 167, .2);
							}

							.triangle-l {
								color: rgba(167, 167, 167, .2);
								position: absolute;
								left: -16px;
								top: 51px;
								width: 0;
								height: 0;
								border-width: 8px;
								border-style: solid;
								border-color: transparent rgba(167, 167, 167, .2) transparent transparent;
							}

							#solution .action-module-pic {
								position: absolute;
								top: 4px;
								left: 358px;
								width: 50px;
								height: 390px;
								background: url(image/jjf_an/gnmk_line.png) no-repeat center center;
							}

							#solution .action-module-pic .list-pic {
								position: absolute;
								text-align: center;
								width: 100%;
							}

							#solution .module-ia {
								top: 45px;
							}

							#solution .module-ib {
								top: 135px;
							}

							#solution .module-ic {
								top: 228px;
							}

							#solution .module-id {
								top: 319px;
							}

							#solution .item-sub-a {
								top: 0;
								left: 0;
							}

							#solution .item-sub-b {
								top: 98px;
								right: 0;
							}

							#solution .item-sub-c {
								top: 182px;
								left: 0;
							}

							#solution .item-sub-d {
								top: 282px;
								right: 0;
							}

							#changeSolutionBtn {
								position: absolute;
								bottom: -46px;
								right: 0;
								width: 30px;
								height: 30px;
								cursor: pointer;
							}

							#changeSolutionBtn.bg-style1 {
								background: url(image/jjf_an/gnmk_drop_down.png);
							}

							#changeSolutionBtn.bg-style2 {
								background: url(image/jjf_an/pull_up.png);
							}

							.action-pic {
								width: 34px;
								position: absolute;
								top: 0;
								left: 8px;
								transition: all .3s;
								opacity: 1;
							}

							.action-pic.opacity-0 {
								opacity: 0;
							}
						</style>
						<div class="action-state">
							<div class="action-state-item-a state-1 item-sub-a outer-info" data-i="1">
								<p class="tipse active khgl tipse1">客户管理</p>
								<p class="state-content">
									客户&患者信息建档&nbsp;客户信息权限管理
									<br> 临床样本采集与检验信息记录
									<br> 随访模板与时间提醒&nbsp;健康服务流转跟踪
									<span class="triangle-r"></span>
								</p>
							</div>
							<div class="action-state-item-a state-2 item-sub-a outer-info" style="display: none;" data-i="5">
								<p class="tipse active ybk tipse5">样本库</p>
								<p class="state-content">
									单位细胞样本存储，精确到孔位
									<br> 细胞类型/数量位置检索&nbsp;细胞样本源信息检索
									<br> 细胞样本入库记录检索
									<span class="triangle-r"></span>
								</p>
							</div>
							<div class="action-state-item-b state-1 item-sub-b outer-info" data-i="2">
								<p class="tipse tipse2">样本中心</p>
								<p class="state-content">
									样本采集交接与记录&nbsp;样本项目试验进展管理
									<br> 样本ID培养方案建立&nbsp;样本临床信息检索
									<span class="triangle-l"></span>
								</p>
							</div>
							<div class="action-state-item-b state-2 item-sub-b outer-info" style="display: none;" data-i="6">
								<p class="tipse tipse6">物资库</p>
								<p class="state-content">
									公司总库采购记录&nbsp;一级库物资入库出库管理
									<br> 二级库（实验室）物资消耗管理&nbsp;库存盘点/预警
									<span class="triangle-l"></span>
								</p>
							</div>
							<div class="action-state-item-a state-1 item-sub-c outer-info" data-i="3">
								<p class="tipse tipse3">免疫细胞</p>
								<p class="state-content">
									细胞分离制备
									<br> PBMC处理&nbsp;细胞培养SOP自定义管理
									<br> 细胞存储、发放交接管理
									<span class="triangle-r"></span>
								</p>
							</div>
							<div class="action-state-item-a state-2 item-sub-c outer-info" style="display: none;" data-i="7">
								<p class="tipse tipse7">质检</p>
								<p class="state-content">
									质检项目和方案自定义&nbsp;培养流程中检接收
									<br> 质检报告反馈至提交环节
									<br> 细胞发放终检报告
									<span class="triangle-r"></span>
								</p>
							</div>
							<div class="action-state-item-b state-1 item-sub-d outer-info" data-i="4">
								<p class="tipse tipse4">干细胞</p>
								<p class="state-content">
									原始样本分离处理&nbsp;细胞原代制备
									<br> 细胞培养：传代/冻存/复苏培养&nbsp;细胞发放交接
									<span class="triangle-l"></span>
								</p>
							</div>
							<div class="action-state-item-b state-2 item-sub-d outer-info" style="display: none;" data-i="8">
								<p class="tipse tipse8">系统设置</p>
								<p class="state-content">
									账号角色设定
									<br> 模块权限设定
									<span class="triangle-l"></span>
								</p>
							</div>
							<div class="action-module-pic">
								<div class="module-ia list-pic">
									<div class="item-action-pic-w state-1 flexible-1">
										<img src="image/jjf_an/gnmk_a.png" alt="客户管理" class="action-pic pic-a opacity-0">
										<img src="image/jjf_an/gnmk_a_c.png" alt="客户管理" class="action-pic pic-b">
									</div>
									<div class="item-action-pic-w state-2 flexible-5" style="display: none;">
										<img src="image/jjf_an/gnmk_e.png" alt="样本库" class="action-pic pic-a opacity-0">
										<img src="image/jjf_an/gnmk_e_c.png" alt="样本库" class="action-pic pic-b">
									</div>
								</div>
								<div class="module-ib list-pic">
									<div class="item-action-pic-w state-1 flexible-2">
										<img src="image/jjf_an/gnmk_b.png" alt="样本中心" class="action-pic pic-a">
										<img src="image/jjf_an/gnmk_b_c.png" alt="样本中心" class="action-pic pic-b opacity-0">
									</div>
									<div class="item-action-pic-w state-2 flexible-6" style="display: none;">
										<img src="image/jjf_an/gnmk_f.png" alt="物资库" class="action-pic pic-a">
										<img src="image/jjf_an/gnmk_f_c.png" alt="物资库" class="action-pic pic-b opacity-0">
									</div>
								</div>
								<div class="module-ic list-pic">
									<div class="item-action-pic-w state-1 flexible-3">
										<img src="image/jjf_an/gnmk_c.png" alt="质检" class="action-pic pic-a">
										<img src="image/jjf_an/gnmk_c_c.png" alt="质检" class="action-pic pic-b opacity-0">
									</div>
									<div class="item-action-pic-w state-2 flexible-7" style="display: none;">
										<img src="image/jjf_an/gnmk_g.png" alt="免疫细胞" class="action-pic pic-a">
										<img src="image/jjf_an/gnmk_g_c.png" alt="免疫细胞" class="action-pic pic-b opacity-0">
									</div>
								</div>
								<div class="module-id list-pic">
									<div class="item-action-pic-w state-1 flexible-4">
										<img src="image/jjf_an/gnmk_d.png" alt="干细胞" class="action-pic pic-a">
										<img src="image/jjf_an/gnmk_d_c.png" alt="干细胞" class="action-pic pic-b opacity-0">
									</div>
									<div class="item-action-pic-w state-2 flexible-8" style="display: none;">
										<img src="image/jjf_an/gnmk_h.png" alt="设置" class="action-pic pic-a">
										<img src="image/jjf_an/gnmk_h_c.png" alt="设置" class="action-pic pic-b opacity-0">
									</div>
								</div>

							</div>
							<div id="changeSolutionBtn" class="bg-style1" data-status="1">

							</div>
						</div>

					</div>
					<!-- 功能模块↑ -->
					<!-- 子元服务↓ -->
					<style>
						.concept-zyfw-wrap {
							font-size: 12px;
							display: flex;
							justify-content: space-between;
						}

						.concept-zyfw-wrap .item-sub {
							width: 372px;
							height: 186px;
							position: relative;
							display: flex;
						}

						.concept-zyfw-wrap .item-sub .sub-img-w,
						.concept-zyfw-wrap .item-sub .sub-text-w {
							width: 50%;
							position: relative;
						}

						div.concept-zyfw-wrap .tips-sw {
							position: absolute;
							top: 0;
							left: 0;
							color: #fff;
							text-align: center;
							background: url(image/jjf_an/zyfw_k.png) no-repeat center center / cover;
							width: 80px;
							height: 34px;
							line-height: 34px;
							font-size: 14px;
						}

						div.concept-zyfw-wrap .tips-text-w {
							padding: 6px 8px 6px 12px;
							position: absolute;
							bottom: 0;
							left: 0;
							right: 0;
							background: rgba(0, 0, 0, .46);
							color: #00FFEA;

							line-height: 20px;
						}

						div.concept-zyfw-wrap .sub-text-w {
							padding: 20px 10px 0 10px;
							background: rgba(167, 167, 167, .2);
						}

						div.concept-zyfw-wrap .tip-title {
							color: #fff;
							height: 30px;
						}

						div.concept-zyfw-wrap .tip-text-content {
							color: #999;
							line-height: 20px;
						}
					</style>
					<div class="container-design-concept layer-wrap2 item" style="display: none;">
						<div class="concept-zyfw-wrap" style="height: 186px;margin-bottom: 18px;">
							<div class="left item-sub">
								<div class="sub-img-w">
									<img src="image/jjf_an/fasj.png" alt="">
									<div class="tips-sw">方案设计</div>
									<p class="tips-text-w">根据客户个性化需求设计最优实现方案；结合行业动态发展设计规范方案。</p>
								</div>
								<div class="sub-text-w">
									<p class="tip-title">细胞行业专业设计团队</p>
									<p class="tip-text-content">
										软件设计由细胞行业专业团队设计，结合客户个性化需求与行业规范化趋势，为客户提供最优设计方案，最大限度降低需求对接成本。
									</p>
								</div>
							</div>
							<div class="right item-sub">
								<div class="sub-img-w">
									<img src="image/jjf_an/gnsx.png" alt="">
									<div class="tips-sw">功能实现</div>
									<p class="tips-text-w">根据客户需求阶段性发布功能；根据行业规范化不断进行功能优化。</p>
								</div>
								<div class="sub-text-w">
									<p class="tip-title">结合客户需求发布优先功能</p>
									<p class="tip-text-content">
										在软件方案设计基础上，根据客户需求优先程度，为客户制定阶段性功能发布方案，让客户在最短时间内解决最紧迫需求。
									</p>
								</div>
							</div>
						</div>
						<div class="concept-zyfw-wrap" style="height: 186px;">
							<div class="left item-sub">
								<div class="sub-img-w">
									<img src="image/jjf_an/sjwh.png" alt="">
									<div class="tips-sw">数据维护</div>
									<p class="tips-text-w">维护客户日常使用软件的稳定性；帮助客户数据误删除恢复与备份。</p>
								</div>
								<div class="sub-text-w">
									<p class="tip-title">客户日常使用与误操作补救</p>
									<p class="tip-text-content">
										对用户数据库进行安全维护，保证软件使用正常运行；对客户误操作导致数据删除或数据流错误进行补救，保证客户对数据输入的及时更正。
									</p>
								</div>
							</div>
							<div class="right item-sub">
								<div class="sub-img-w">
									<img src="image/jjf_an/sxzd.png" alt="">
									<div class="tips-sw">上线指导</div>
									<p class="tips-text-w">提供软件使用指导培训与说明书；指导客户完成前期数据导入，帮助客户快速上线。</p>
								</div>
								<div class="sub-text-w">
									<p class="tip-title">在线培训与前期辅助上线</p>
									<p class="tip-text-content">
										通过远程视频培训对客户进行在线指导，帮助客户快速了解软件；通过指导客户进行上线前数据导入，最大限度缩短客户上线时间，提高客户使用软件的效率。
									</p>
								</div>
							</div>
						</div>
					</div>
					<!-- 子元服务↑ -->
					<style>
						.container-fffs {
							height: 393px;
							background: #3e4042;
						}

						.container-fffs .tip-title {
							color: #fff;
							font-weight: lighter;
							font-size: 18px;
							height: 100px;
							line-height: 30px;
							padding: 10px 20px 0 20px;
							background: linear-gradient(to bottom, #27B0FF, #0092DE);
							margin-bottom: 32px;
						}

						.container-fffs .tips-info {
							height: 50px;
							padding-left: 20px;
							color: #fff;
						}

						.cash-wrap {
							height: 30px;
							display: flex;
							align-items: center;
							padding-left: 20px;
						}


						div.cash-wrap .cash-btn {
							width: 120px;
							height: 30px;
							line-height: 30px;
							background: #535556;
							color: #fff;
							text-align: center;
							opacity: 1;
							transition: all .3s;
							letter-spacing: 0.5px;
						}

						div.cash-wrap .cash-btn.active {
							background: linear-gradient(to bottom, #27B0FF, #0092DE);
						}

						div.cash-wrap .cash-btn.active:hover {
							background: linear-gradient(to bottom, #27B0FF, #0092DE);
							opacity: 1;
						}
					</style>
					<!-- 付费方式↓ -->
					<div class="container-flow-chart layer-wrap3 item" style="display: none;">
						<div class="flow-chart-img-w container-fffs">
							<p class="tip-title">基于SAAS的先进服务理念
								<br>TRACE CELL@企业级细胞制备&应用信息化解决方案
							</p>
							<p class="tips-info">
								<span style="font-size: 16px;">子元付费方式</span>（两种付费方式均享有同等服务内容）</p>
							<div class="cash-wrap">
								<img src="image/jjf_an/jjfa_nf.png" alt="">
								<span style="margin: 0 68px 0 8px;color: #26B0FE;">年费</span>
								<span class="cash-btn" style="margin-right: 217px;">点击购买</span>
								<img src="image/jjf_an/jjfa_ycxgm.png" alt="">
								<span style="margin: 0 24px 0 8px;color: #26B0FE;">一次性购买</span>
								<span class="cash-btn">点击购买</span>
							</div>
						</div>
					</div>
					<!-- 付费方式↑ -->
				</div>
			</div>
		</div>
		<!-- 解决方案↑ -->


		<!-- 软件下载↓ -->
		<style>
			#softWareDownLoad {
				height: 800px;
				background: url(image/rjxz/bg.png) no-repeat center center / cover;
			}

			p.soft-load-title {
				color: #00FFEA;
				margin-bottom: 60px;
				text-align: center;
				font-size: 20px;
			}

			.soft-load-pic {
				position: absolute;
				width: 636px;
				height: 405px;
				top: 0;
				left: 0px;
			}

			.soft-load-line {
				position: absolute;
				width: 219px;
				height: 210px;
				top: 80px;
				left: 582px;
			}

			div.download-active-w {
				height: 405px;
				position: absolute;
				top: 0;
				padding-top: 62px;
				width: 240px;
				left: 812px;

			}

			p.download-info {
				font-size: 16px;
				color: #bbb;
				padding-left: 30px;
				height: 44px;
				line-height: 44px;
				background: rgba(167, 167, 167, .2);
				margin-bottom: 38px;
				width: 240px;
				border-radius: 2px;
			}

			#softwaredownloadBtn {
				width: 150px;
				height: 50px;
				line-height: 50px;
				color: #fff;
				background: linear-gradient(to bottom, #27B0FF, #0092DE);
				text-align: center;
				border-radius: 2px;
				cursor: pointer;
				opacity: .9;
				transition: all .3s;
				font-size: 18px;
				position: relative;
				padding-left: 30px;
				display: block;
			}

			#softwaredownloadBtn .iconfont {
				transform: scale(1.7, 1.7);
				position: absolute;
				line-height: 20px;
				-webkit-text-stroke: 1px rgba(255, 255, 255, .05);
				left: 26px;
				top: 16px;
			}

			#softwaredownloadBtn:hover {
				opacity: 1;
			}
		</style>
		<div class="content-yxyb-wrap toc-current" id="softWareDownLoad">
			<div class="info-content-wrap" style="width: 100%;">
				<div class="info-title" style="padding: 0;text-align: center;">软件下载</div>
				<!-- 适用领域↓ -->
				<p class="soft-load-title">全新界面，推进健康管理和医学实验室信息化平台建设</p>
				<div style="position: relative;width: 1050px;height:410px;margin: 0 auto;">
					<img src="image/rjxz/computer.png" alt="" class="soft-load-pic">
					<img src="image/rjxz/yxk.png" alt="" class="soft-load-line">
					<div class="download-active-w">
						<p class="download-info">软件版本：V2.0.1100.32</p>
						<p class="download-info">软件大小：23.5M</p>
						<p class="download-info" style="margin-bottom: 82px;width: 240px;">更新日期：2018-05-15</p>
						<a id="softwaredownloadBtn" href="https://biangene.oss-cn-shenzhen.aliyuncs.com/子元医学健康管理软件2.0.1100.28（我是软件，请下载我）.rar" target="_self">
							<span class="iconfont">&#xe608;</span>
							<span>立即下载</span>
						</a>
					</div>
				</div>
			</div>
		</div>

		<!-- 软件下载↑ -->

		<!-- 关于我们↓ -->
		<style>
			#aboutUs .aboutus-active-w {
				position: absolute;
				left: 578px;
				top: 76px;
				width: 445px;
			}

			#aboutUs .tip-title {
				color: #fff;
				font-size: 16px;
				height: 30px;
				position: relative;
				margin-bottom: 12px;
			}

			#aboutUs .tip-title::before {
				display: block;
				content: "";
				position: absolute;
				width: 20px;
				height: 2px;
				background: #fff;
				left: 0;
				bottom: 0;
			}

			#aboutUs .tip-content {
				line-height: 25px;
				color: #aaa;
			}

			.person-wrap {
				display: flex;
				text-align: center;
				height: 300px;
				margin-top: 56px;
			}

			div.item-person-w {
				width: 360px;

			}

			#aboutUs .person-pic-wrap {
				width: 150px;
				height: 150px;
				overflow: hidden;
				margin: 0 auto;
				border-radius: 2px;
			}

			img.person-pic {
				width: 100%;
				height: 100%;
				transition: all .8s ease-in-out;
			}

			/* img.person-pic:hover {
				transform: scale(1.02, 1.02);
			} */

			p.person-info {
				color: #FFF;
				font-size: 18px;
				margin: 20px 0 4px 0;
			}

			.person-tips {
				color: #00FFEA;
				margin-bottom: 8px;
			}

			p.person-info-i {
				line-height: 20px;
			}

			div.line-pic-w {
				height: 20px;
				background: url(image/line.png) no-repeat center center;
			}
		</style>
		<div class="content-aboutus-wrap toc-current" id="aboutUs" style="height: 1156px;background: #3D3F41;">
			<div class="wrap content-aboutus module-container">
				<div class="info-content-wrap" style="width: 100%;">
					<div class="info-title" style="padding: 0;text-align: center;">关于我们</div>
					<!-- 关于我们↓ -->
					<div style="position: relative;width: 1055px;height:453px;margin: 0 auto;">
						<img src="image/gywm.png" alt="" class="aboutus-pic">
						<div class="aboutus-active-w">
							<p class="tip-title" style="margin-bottom: 22px;">公司介绍</p>
							<p class="tip-content" style="margin-bottom: 30px;">深圳子元君信息技术有限公司，定位于细胞追溯管理、基因检测报告和医学实验室信息平台建设，通过SaaS解决方案和移动端，实现免疫细胞和干细胞实验室管理、基因检测报告智能化管理、医学样本库管理的综合解决方案。</p>
							<p class="tip-content">通过众多跨平台端口（桌面PC端、移动平板、WEB管理平台、专业论坛、手机APP、微信公众号等）实现信息共享、互联互通。</p>
						</div>
					</div>
					<div class="container-application-area" style="position: relative;width: 1055px;margin: 0 auto;">
						<p class="tip-title">设计团队</p>
						<p class="tip-content">子元软件设计团队成员为细胞行业、基因检测行业的专业人员和软件开发人员组成，结合客户个性化需求与行业规范化趋势，为客户提供最优设计方案。</p>
						<div class="person-wrap">
							<div class="item-person-w">
								<div class="person-pic-wrap">
									<img src="image/chen.png" alt="" class="person-pic">
								</div>
								<p class="person-info">陈扬扬</p>
								<div class="line-pic-w"></div>
								<p class="person-tips">创始人</p>
								<p class="person-info-i">致力于推动生物</p>
								<p class="person-info-i">医学行业的信息化</p>
							</div>
							<div class="item-person-w">
								<div class="person-pic-wrap">
									<img src="image/ren.png" alt="" class="person-pic">
								</div>
								<p class="person-info">任伟重</p>
								<div class="line-pic-w"></div>
								<p class="person-tips">成员</p>
								<p class="person-info-i">多年干细胞实验室技术经验</p>
								<p class="person-info-i">负责子元软件产品设计与方案落地</p>
							</div>
							<div class="item-person-w">
								<div class="person-pic-wrap">
									<img src="image/he.png" alt="" class="person-pic">
								</div>
								<p class="person-info">何正岭</p>
								<div class="line-pic-w"></div>
								<p class="person-tips">成员</p>
								<p class="person-info-i">负责技术管理</p>
								<p class="person-info-i">领导子元软件开发</p>
							</div>
						</div>
					</div>					
				</div>
			</div>
		</div>
		<!-- 关于我们↑ -->

		<!-- 底部导航&关于我们↓ -->
		<div class="page-footer">
			<div class="wrap" style="height: 116px;" id="foot_nav">
				<div class="topbar-item nav-main" data-module="nav-main">首页</div>
				<div class="topbar-item nav-myxb" data-module="nav-myxb">免疫细胞</div>
				<div class="topbar-item nav-gxb" data-module="nav-gxb">干细胞</div>
				<div class="topbar-item nav-jcbg" data-module="nav-jcbg">基因检测报告</div>
				<div class="topbar-item nav-yxyb" data-module="nav-yxyb">医学样本</div>
				<div class="topbar-item nav-jjfa" data-module="nav-jjfa">解决方案</div>
				<div class="topbar-item nav-rjxz" data-module="nav-rjxz">软件下载</div>
				<div class="topbar-item nav-gywm" data-module="nav-gywm">关于我们</div>
			</div>
			<div class="wrap" id="foot_about">
				<div class="item company-wrap">
					<p class="company-name">深圳子元君信息技术有限公司</p>
					<p class="company-tel">0755-23006682</p>
					<p class="company-address">广东省深圳市宝安区宝源路1053号资信达大厦213</p>
				</div>
				<div class="item social-contact">
					<span>
						<img src="image/home/botton/xinlang.png">&nbsp;
						<img src="image/home/botton/qq.png">&nbsp;
						<img src="image/home/botton/wechat.png">
					</span>
				</div>
				<div class="item">
					<label style="float: right;">
						<span>
							<img src="image/home/qrcode.jpg" style="width:100px;height:100px;">
						</span>
						<br>
						<span style="font-size:14px;color:#bebfc0;">子元微信公众号</span>
					</label>
				</div>
			</div>
		</div>
		<div class="copyright">
			<span>版权所有&nbsp;&nbsp;
				<span id="copyrightYear" style="width: 34px;"></span> 深圳子元君信息技术有限公司&nbsp;&nbsp;
				<a style="text-decoration: none;color:#D3D3D3;" href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备16028453号</a>
			</span>
		</div>
	</div>
	<style>
		.page-footer {
			height: 340px;
			background: #494C4E;
			color: #858687;
		}

		#foot_nav {
			display: flex;
			justify-content: space-around;
			padding: 30px 80px 0 60px;
			align-items: center;
			border-bottom: 1px solid #858687;
		}

		#foot_about {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: nowrap;
			height: 224px;
		}

		#foot_about .item {
			width: 33.33%;
		}

		.company-wrap p {
			line-height: 54px;
		}

		.item.social-contact {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.social-contact img {
			margin: auto 14px auto 14px;
			width: 50px;
			height: 50px;
		}

		.copyright {
			height: 40px;
			text-align: center;
			line-height: 40px;
			background: #3D3F41;
			color: #D3D3D3;
		}
	</style>
	<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<!-- <script type="text/javascript" src="assets/swiper-4.2.2.min.js"></script> -->
	<script src="js/scroll.js"></script>
	<script>
		$(function () {
			//顶部通告信息滚动
			/* $(".carousel").jCarouselLite({
				vertical: true,
				auto: 5000,
				speed: 1000

			}); */
		})

		var nowYear = new Date();
		$("#copyrightYear").text(nowYear.getFullYear());
		var lastLeft = 0;

		// 页面滚动时固定导航栏
		var eleHeightArr = [],
			curEleName = [];
		$(".toc-current").each(function (i, v) {
			var id = $(v).attr("id");
			var obj = {};
			obj[id] = $(v).offset().top;
			curEleName.push(id);
			eleHeightArr.push(obj);
		})

		window.onscroll = function () {
			//changeScrollActive();
			debounce(changeScrollActive, window);
		};
		//节流函数，避免频繁触发滚动事件
		function debounce(method, context) {
			clearTimeout(method.timeout);
			method.timeout = setTimeout(function () {
				method.call(context);
			}, 160);
		}

		var beforeScrollTop = scroll().top,
			afterScrollTop = 0;

		function changeScrollActive() {
			//每次滚动的时候先去获取当前页面的卷曲距离
			afterScrollTop = beforeScrollTop;
			var scrl = scroll();
			var h = $("#topBannerWrap").height();
			if (scrl.top >= h) {
				$("#commonTopbarBody").addClass("nav_fixed");
			} else {
				$("#commonTopbarBody").removeClass("nav_fixed");
			}
			beforeScrollTop = scroll().top;
			var vertical = afterScrollTop - beforeScrollTop > 0 ? "up" : "down";
			if (scrl.top < (h * 0.6)) {
				$(".topbar-item").removeClass("active last-active");
				$("#commonTopbarBody .topbar-item.nav-main").addClass("active last-active");
				initTopBarActive();
				return;
			}
			//滚动时模块距离顶部距离和文档滚动距离对比，当前模块距离窗口设定距离时更换导航栏状态
			$(".toc-current").each(function (i, v) {
				var id = $(v).attr("id");
				var h = $(v).height() * 0.6;
				var calcNum = $(v).offset().top - scrl.top;
				var targetH = vertical === "up" ? h : 120;
				var flag = false;
				if (calcNum < targetH) {
					$("div.common-topbar-body .topbar-item").each(function (i, v) {
						var data = $(v).data("module");
						if (id == data) {
							$(".topbar-item").removeClass("active last-active");
							$(v).addClass("active last-active");
							initTopBarActive();
							flag = true;
							return false;
						}
					})
				}

				//console.log($(v).offset().top)
			})
		};

		function scroll() {
			return {
				top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0,
				left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0
			};
		}

		// 点击每个顶部导航
		$("div.common-topbar-body .topbar-item").on("click", function () {
			var $that = $(this),
				h = 0;
			$(".topbar-item").removeClass("active last-active");
			$that.addClass("active last-active");
			var hash = $that.data("module");
			if (hash) {
				h = $("#" + hash).offset().top - 76;
			}
			$("body,html").stop().animate({
				scrollTop: h
			}, 0);
			//window.location.href = window.location.origin + window.location.pathname + '#' + hash;
			initTopBarActive();
		})

		$("div.common-topbar-body .topbar-item").on("mouseenter", function () {
			changeModule(this);
		})
		$("div.common-topbar-body .topbar-item").on("mouseout", function () {
			var $that = $(".last-active");
			$(".topbar-item").removeClass("active last-active");
			$that.addClass("active last-active");
			var width = $that.width() + 20;
			var o = $that[0].offsetLeft + 25;
			$("span.active-line").css({
				"left": o
			});
			$("span.active-line").width(width);
		})

		// 顶部导航滑动效果
		function changeModule(ele) {
			var $that = $(ele);
			var width = $that.width() + 20;
			var o = ele.offsetLeft + 25;
			$("span.active-line").css({
				"left": o
			});
			$("span.active-line").width(width);
		}

		function initTopBarActive() {
			var width = $(".last-active").width() + 20;
			var o = $(".last-active")[0].offsetLeft + 25;
			$("span.active-line").css({
				"left": o
			});
			$("span.active-line").width(width);
		}
		initTopBarActive();

		//点击底部导航
		$("#foot_nav").on("click", ".topbar-item", function () {
			var m = $(this).data("module");
			$("div.common-topbar-body .topbar-item." + m).click();
		})

		// 点击适用范围、设计理念、流程图切换显示
		$(".menu-wrap .menu-item").on("click", function () {
			var $that = $(this),
				m = $that.data("module"),
				bg = $that.data("bg"),
				w = $that.parent(".menu-wrap").siblings(".info-content-wrap");
			$that.siblings(".menu-item").removeClass("active").end().addClass("active");
			w.find(".item").hide();
			w.find(".layer-wrap" + m).show();
			if (bg == "active_cell") {
				document.getElementById("tomoduleStemCell").className = "content-stem-cell-wrap toc-current bg" + m;
				//$("#tomoduleStemCell").addClass("bg"+m);
			}
			if (bg == "active_ms") {
				document.getElementById("MedicalSamples").className = "content-yxyb-wrap content-wrap-style2 toc-current bg" + m;
				//$("#MedicalSamples").addClass("bg"+m);
			}

		})

		//申请免费试用
		$("span.req-btn").on("click", function () {
			var tag = 'https://www.workec.com/form/dynamic/wQjvY08Hm5s%3D.html?uid=2491734';
			window.open(tag, "_blank");
		})

		//上下切换解决方案
		$("#changeSolutionBtn").on("click", function () {
			var $that = $(this);
			var m = $that.data("status");

			switch (m) {
				case 1:
					$that.removeClass("bg-style1").addClass("bg-style2");
					$("#solution .state-1").hide();
					$("#solution .state-2").show();
					$("img.pic-b").addClass("opacity-0");
					$("img.pic-a").removeClass("opacity-0");
					$(".flexible-5").find("img.pic-a").addClass("opacity-0");
					$(".flexible-5").find("img.pic-b").removeClass("opacity-0");
					$(".tipse").removeClass("active");
					$(".ybk.tipse").addClass("active");
					$that.data("status", 2);
					break;
				case 2:
					$that.removeClass("bg-style2").addClass("bg-style1");
					$("#solution .state-2").hide();
					$("#solution .state-1").show();
					$("img.pic-b").addClass("opacity-0");
					$("img.pic-a").removeClass("opacity-0");
					$(".flexible-1").find("img.pic-a").addClass("opacity-0");
					$(".flexible-1").find("img.pic-b").removeClass("opacity-0");
					$(".tipse").removeClass("active");
					$(".khgl.tipse").addClass("active");
					$that.data("status", 1);
					break;
				default:
					break;
			}
		})

		//点击解决方案的功能模块
		$(".action-state-item-a,.action-state-item-b").on("click", function () {
			var index = $(this).data("i");
			$(".tipse").removeClass("active");
			$(this).find(".tipse").addClass("active");
			$("img.pic-b").addClass("opacity-0");
			$("img.pic-a").removeClass("opacity-0");
			$(".flexible-" + index).find("img.pic-a").addClass("opacity-0");
			$(".flexible-" + index).find("img.pic-b").removeClass("opacity-0");
		})

		//推荐使用模块点击跳转
		function targetSolutionModule(m, i) {
			var $that = $("#changeSolutionBtn");
			switch (m) {
				case 2:
					$that.removeClass("bg-style1").addClass("bg-style2");
					$("#solution .state-1").hide();
					$("#solution .state-2").show();
					$("img.pic-a").removeClass("opacity-0");
					$("img.pic-b").addClass("opacity-0");
					$(".flexible-" + i).find("img.pic-a").addClass("opacity-0");
					$(".flexible-" + i).find("img.pic-b").removeClass("opacity-0");
					$(".tipse").removeClass("active");
					$(".tipse" + i).addClass("active");
					$that.data("status", 2);
					break;
				case 1:
					$that.removeClass("bg-style2").addClass("bg-style1");
					$("#solution .state-2").hide();
					$("#solution .state-1").show();
					$("img.pic-a").removeClass("opacity-0");
					$("img.pic-b").addClass("opacity-0");
					$(".flexible-" + i).find("img.pic-a").addClass("opacity-0");
					$(".flexible-" + i).find("img.pic-b").removeClass("opacity-0");
					$(".tipse").removeClass("active");
					$(".tipse" + i).addClass("active");
					$that.data("status", 1);
					break;

				default:
					break;
			}
		}
		$(".recommend-item").on("click", function () {
			$(".topbar-sub-w div.nav-jjfa").click();
			$(".content-jjfa.module-container .menu-item").eq(0).click();
			var m = $(this).find("span.tip-name").text();
			switch (m) {
				case "客户管理":
					targetSolutionModule(1, 1);
					break;
				case "样本中心":
					targetSolutionModule(1, 2);
					break;
				case "免疫细胞":
					targetSolutionModule(1, 3);
					break;
				case "干细胞":
					targetSolutionModule(1, 4);
					break;
				case "样本库":
					targetSolutionModule(2, 5);
					break;
				case "物资":
					targetSolutionModule(2, 6);
					break;
				case "质检":
					targetSolutionModule(2, 7);
					break;
				case "系统设置":
					targetSolutionModule(2, 8);
					break;
				default:
					break;
			}
		})


		function fitImage(ts) {
			var wd = ts.naturalWidth,
				hg = ts.naturalHeight;
			var style = ts.style;
			if (wd > hg) {
				style.height = "100%";
			} else {
				style.width = "100%";
			}
		}
		//<img onload="fitImage(this)" src="https://img.alicdn.com/tfs/TB1cQvZQVXXXXX9apXXXXXXXXXX-867-859.jpg" />
		/* var mySwiper = new Swiper('#topBarSwiper', {
			autoplay: {
				delay: 4000,
				disableOnInteraction: true,
			},
			direction: 'vertical',
			loop: true,
			speed: 400,
			preventClicks: false, //默认true
		}) */

		//工行通知demo
		/* $.fn.textSlider = function (options) {
			var defaults = { //初始化参数
				scrollHeight: 20,
				line: 1,
				speed: '1500',
				timer: 2000
			};
			var opts = $.extend(defaults, options);
			this.each(function () {
				var timerID;
				var obj = $(this);
				var $ul = obj.find("ul");
				var $height = $ul.find("li").height();
				var $Upheight = 0 - opts.line * $height;
				obj.hover(function () {
					clearInterval(timerID);
				}, function () {
					timerID = setInterval(moveUp, opts.timer);
				});

				function moveUp() {
					$ul.animate({
						"margin-top": $Upheight
					}, opts.speed, function () {
						for (i = 0; i < opts.line; i++) { //只有for循环了才可以设置一次滚动的行数
							$ul.find("li:first").appendTo($ul);
						}
						$ul.css("margin-top", 0);
					});
				};
				timerID = setInterval(moveUp, opts.timer);
			});
		};
		$(function () {
			$(".notice_main").textSlider({
				line: 1
			});
		}) */
	</script>
</body>

</html>